<!--<div ng-include="'app/business/home/template/engMainNavation.html'"></div>-->
<div class="engBanner">
	<div class="bigBanner" big-banner></div>
	<!--<div class="betterCompany">
		<div class="ceng"></div>
		<div class="better-top">
			<h3>好评公司：</h3>
			<div class="smallBanner">
				<ul>
					<li ng-repeat="item in praiseCompany track by $index" ng-click="goCompany(item.companyId)">
						<a href="javascript:;">
		            	<img src="them/imag/noCompanyLogo.png" ng-src="{{item.logo}}" alt="" />
		            	<p ng-bind="item.shortName"></p>
		            	</a>
					</li>
				</ul>
				<span class="pre" ng-click="smallMove($event,1)">&lt;</span>
				<span class="next" ng-click="smallMove($event,-1)">&gt;</span>
			</div>
		</div>
		<div class="better-bottom">
			<h3>最新点评</h3>
			<div class="bottom-dri" small-banner></div>
		</div>
	</div>-->
</div>
<div class="company-select">
	<div class="company-place">
		<dl>
			<dt>公司地点</dt>
			<dd style="padding-left: 57px;position: relative;width:1024px;"><span style="position: absolute;left: 0;" class="active all" ng-click="getSomeCompany('0',guildId,scaleId,keyWord,$event)">全国</span><span ng-repeat="place in placeList track by $index" ng-bind="place.isHotName" ng-click="getSomeCompany(place.regionId,guildId,scaleId,keyWord,$event)"></span><span class="more1" ng-show="tagChose1" ng-click="moreTag1()">更多<div class="three1"></div></span><span class="more1" ng-show="!tagChose1" ng-click="moreTag1()">收起<div class="three2"></div></span></dd>
		</dl>
		<dl>
			<dt>行业领域</dt>
			<dd class="guild"><span class="active all guildone" ng-click="getSomeCompany(regionId,'0',scaleId,keyWord,$event)">不限</span><span ng-repeat="guild in guildList track by $index" ng-bind="guild.guildName" ng-click="getSomeCompany(regionId,guild.guildId,scaleId,keyWord,$event)"></span>
				<!--<span class="more1" ng-show="tagChose2" ng-click="moreTag2()">更多<div class="three1"></div></span><span class="more1" ng-show="!tagChose2" ng-click="moreTag2()">收起<div class="three2"></div></span>-->
			</dd>
		</dl>
		<dl>
			<dt>公司规模</dt>
			<dd><span class="active" ng-click="getSomeCompany(regionId,guildId,'0',keyWord,$event)">不限</span><span ng-repeat="scale in scaleList track by $index" ng-bind="scale.scaleName" ng-click="getSomeCompany(regionId,guildId,scale.scaleId,keyWord,$event)"></span>
				<!--<span class="more1" ng-show="tagChose3" ng-click="moreTag3()">更多<div class="three1"></div></span><span class="more1" ng-show="!tagChose3" ng-click="moreTag3()">收起<div class="three2"></div></span>-->
			</dd>
		</dl>
		<dl>
			<dt>名称搜索</dt>
			<dd><input type="text" placeholder="请输入名称搜索"  ng-model="keyWord"><button ng-click="getSomeCompany(regionId,guildId,scaleId,keyWord)">搜索</button></dd>
		</dl>
	</div>
</div>
<div class="dep-content">
	<div class="dep-con-left">
		<ul class="content-ul">
			<li ng-repeat="comList in companyList">
				<div class="con-left-top">
					<dl ng-click="goCompany(comList.companyId)">
						<dt><img src="them/imag/noCompanyLogo.png" ng-src="{{comList.logo}}" alt="" /></dt>
						<dd>
							<h2 ng-bind="comList.fullName"></h2>
							<p>点评数：<strong ng-bind="comList.commentCount"></strong></p>
							<p>在招职位：<strong>{{comList.jobNumber}}个</strong></p>
							<p>总评分：<strong ng-bind="comList.totalScore/comList.commentCount?comList.totalScore/comList.commentCount:5 | number:1"></strong></p>
						</dd>
					</dl>
					<p class="con-intro" ng-bind="comList.introduction | limitTo : 50"></p>
				</div>
				<div class="con-left-bottom"><span ng-bind="comList.guildName"></span><span ng-bind="comList.scaleName"></span><span ng-bind="comList.regionName"></span></div>
			</li>
		</ul>
		<div style="overflow: hidden;padding-left: 80px;"><ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination></div>
	</div>
	<div class="dep-con-right">
		<h2><span></span>公司动态</h2>
		<ul>
			<li ng-repeat="dynamicLi in dynamic">
				<dl>
					<dt ng-click="goCompany(dynamicLi.userId)"><img src="them/imag/noCompanyLogo.png" ng-src="{{dynamicLi.logo}}" /><span>{{dynamicLi.name}}</span></dt>
					<dd>发布了<em ng-if="dynamicLi.cdType == 1">职位</em><em ng-if="dynamicLi.cdType == 2">博文</em><em ng-if="dynamicLi.cdType == 3">课程</em><a href="javascript:;" ng-click="goto(dynamicLi)" ng-bind="dynamicLi.cdContent|getRightHome5"></a><span ng-bind="dynamicLi.createTime | dateFilter2"></span></dd>
				</dl>
			</li>
		</ul>
	</div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>
	.engBanner{
		margin-top: 20px;
		position: relative;
		color: #fff;
	}
	.betterCompany{
		width: 479px;
		height: 305px;
		position: absolute;
		top: 38px;
	}
	.ceng{
		width: 479px;
		height: 305px;
		background: #000;
		opacity: 0.5;
		filter: alpha(opacity=50);
		top: 0;
		left: 0;
		position: absolute;
	}
	.better-top{
		z-index: 10;
		padding: 22px 0 24px 0;
		position: relative;
	}
	.better-top h3{
		margin-left: 20px;
		margin-bottom: 25px;
		font-weight: 100;
	}
	.smallBanner{
		position: relative;
        width:480px;
        height: 66px;
        overflow: hidden;
	}
	.smallBanner ul{
		position: absolute;
		width: 961px;
		height: 66px;
		left: 0;
		top: 0;
	}
	.smallBanner li{
		float: left;
		width: 119px;
		height: 66px;
		border-right: 1px solid #bebdb6;
	}
	.smallBanner li img{
		display: block;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin: 0 auto;
	}
	.smallBanner li p{
		margin-top: 5px;
		text-align: center;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.smallBanner span{
		position: absolute;
		color: #fff;
		font-size: 25px;
		z-index: 100;
		cursor: pointer;
		top: 10px
	}
	.smallBanner .pre{
		left: 1%;
	}
	.smallBanner .next{
		right: 1%;
	}
	.better-bottom{
		z-index: 10;
		padding: 0 20px ;
		height: 132px;
		border-top: 1px solid #bebeb9;
		overflow: hidden;
		position: relative;
	}
	.bottom-dri{
		height: 95px;
		overflow: hidden;
	}
	.better-bottom h3{
		font-weight: 100;
		margin: 20px 0 15px 0;
	}
	.better-bottom ul{
	}
	.better-bottom ul li{
		line-height: 24px;
	}
	.better-bottom li a{
		color: #4f93c7;
	}
	.company-select{
		margin: 30px auto 42px;
		width: 1198px;
		border: 1px solid #dddddd;
		padding-bottom: 20px;
	}
	.company-select dl{
		margin-top: 22px;
		overflow: hidden;
	}
	.company-select dt{
		float: left;
		margin-left: 36px;
		font-weight: 900;
		line-height: 26px;
	}
	.company-select dd{
		overflow: hidden;
		float: left;
		color: #858585;
		margin-left: 20px;
	}
	.company-select dd span{
		display: inline-block;
		margin: 5px 16px;
		cursor: pointer;
	}
	.company-select dd span:hover{
		color: #4cafff;
		text-decoration: underline;
	}
	.company-select dd .all{
		float: left;
	}
	.company-select dd .choseTag{
		width: 530px;
		float: left;
	}
	.company-select dd .more1{
		font-weight: bold;
		color: #333;
	}
	.three1 {
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-top: 8px solid #30a3ff;
	    float: right;
	    margin-top: 6px;
	    
	}
	.three2 {
	    width: 0;
	    height: 0;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid #30a3ff;
	    float: right;
	    margin-top: 6px;
	    
	}
	.company-select .active{
		color: #4cafff;
		text-decoration: underline;
	}
	.company-select dd input{
		width: 350px;
		height: 25px;
		margin-left: 16px;
		border: 0;
		border-bottom: 1px solid #bbbbbb;
		outline: none;
	}
	.company-select dd button{
		border: 0;
		width: 60px;
		height: 20px;
		color: #fff;
		line-height: 20px;
		text-align: center;
		background: #30a3ff;
		margin-left: 30px;
		cursor: pointer;
	}
	.dep-content{
		overflow: hidden;
		width: 1200px;
		margin: 0 auto 20px;
	}
	.dep-con-left{
		float: left;
		width: 918px;
	}
	.content-ul{
		overflow: hidden;
	}
	.content-ul li {
		float: left;
		margin-right: 21px;
		width: 432px;
		height: 243px;
		cursor: pointer;
		border: 1px solid #dddddd;
		margin-bottom: 32px;
	}
	.content-ul li:hover{
		border-color: #30a3ff;
		box-shadow: 1px 1px 3px #ccc;
	}
	.content-ul .con-left-top img{
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.con-left-top{
		height: 165px;
		padding: 28px 30px 0;
	}
	.con-left-top:hover{
		
	}
	.con-left-top dl{
		overflow: hidden;
		margin-bottom: 10px;
	}
	.con-left-top dt{
		float: left;
		margin-right: 23px;
		width: 100px;
		height: 100px;
		border:1px solid #ddd;
		border-radius: 50%;
	}
	.con-left-top dd{
		float: left;
	}
	.con-left-top dd h2{
		font-size: 20px;
		margin-bottom: 10px;
		width:247px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.con-left-top dd p{
		margin-top: 5px;
		color: #707070;
	}
	.con-left-top dd strong{
		color: #30a3ff;
		margin-left: 5px;
	}
	.con-intro{
		line-height: 26px;
		color: #666666;
	}
	.con-left-bottom{
		height: 50px;
		line-height: 50px;
		background: #f5f5f5;
	}
	.con-left-bottom span{
		float: left;
		width: 95px;
		height: 50px;
		padding-left: 49px;
		color: #999;
	}
	.con-left-bottom span:nth-of-type(1){
		background: url(them/imag/depcon1.jpg) no-repeat 30px center;
	}
	.con-left-bottom span:nth-of-type(2){
		background: url(them/imag/depcon2.jpg) no-repeat 30px center;
	}
	.con-left-bottom span:nth-of-type(3){
		background: url(them/imag/depcon3.jpg) no-repeat 30px center;
	}
	.page-list .page-total{
		width: 158px;
	}
	.dep-con-right{
		float: right;
		width: 248px;
		border: 1px solid #dddddd;
		padding: 0 15px;
	}
	.dep-con-right em{
		font-style: normal;
	}
	.dep-con-right h2{
		height: 65px;
		line-height: 65px;
		font-size: 16px;
		background: url(them/imag/dongtai.jpg) no-repeat center bottom;
	}
	.dep-con-right h2 span{
		display: inline-block;
		margin: 0 15px 0 5px;
		width: 14px;
		height: 14px;
		background: url(them/imag/right1h.jpg) no-repeat;
	}
	.dep-con-right ul{
		padding: 0 4px;
	}
	.dep-con-right li{
		height: 104px;
		border-bottom: 1px dashed #ddd;
	}
	.dep-con-right li:nth-last-of-type(1){
		border: 0;
	}
	.dep-con-right dt{
		color: #666;
		margin: 15px 0 10px 0;
		overflow: hidden;
		cursor: pointer;
	}
	.dep-con-right dt img{
		float: left;
		width: 40px;
		height: 40px;
		border: 1px solid #E1E1E1;
		margin-right: 8px;
		border-radius: 50%;
	}
	.dep-con-right dt span{
		float: left;
		line-height: 40px;
		color:#666666;
	}
	.dep-con-right dd{
		line-height: 23px;
	}
	.dep-con-right dd a{
		color: #30a3ff;
	}
	.dep-con-right dd>span{
		float: right;
		color: #999;
	}

	
	.care-plan{
		z-index: 10;
	}
</style>